<script setup>
const props = defineProps({
  money: {
    type: Number,
    default: 10
  }
})
// !JS 中需要通过变量接收 defineProps 的返回值，才能使用传递过来的数据
// console.log(props.money)

// 参数是一个数组，里面放的是事件名，后面再写 emit() 的时候可以具有提示
const emit = defineEmits(['updateMoney', 'updateNum']) // this.$emit、ctx.emit

const updateMoney = () => {
  emit('updateMoney', 2)
}

const updateNum = () => {
  emit('updateNum', 3)
}
</script>
<template>
  <div>
    <!-- //!模板中可以直接使用，建议下面写法 -->
    <div>Child: {{ money }}</div>
    <button @click="updateMoney">update money</button>
    <button @click="updateNum">update num</button>
  </div>
</template>
